<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>  
<%@ page isELIgnored="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>工具</title>
<jsp:include page="public/header.jsp"/>
<link href="http://res.easywan.info/public/kaicz/common.css" rel="stylesheet" type="text/css">
<link href="http://res.easywan.info/public/kaicz/style.css" media="screen" rel="stylesheet" type="text/css">

</head>
<body>
	<jsp:include page="public/nav.jsp"></jsp:include>

    <div class="row">
   
    <div class="jumbotron">
     <div class="col-xs-8 col-xs-offset-2">
  	<h1>GTD<small>--Getting Things Done</small></h1>
  	<p>GTD的核心理念概括就是必须记录下来要做的事，然后整理安排并使自己一一去执行。GTD的五个核心原则是：收集、整理、组织、回顾、执行。
	GTD的核心理念在于清空大脑，然后一步步按照设定的路线去努力执行。</p>
	  <p class="navbar-right"><a class="btn btn-primary btn-lg " href="/introduce/gtd.html" role="button">立即体验>></a></p>
	</div>
	
	<div class="clearfix"></div>
	</div>
		
    </div>
    
    <!-- 产品列表开始 -->
    <style type="text/css">
	.foot-wrap{
	background-color: #373f48;
	margin-top:80px;
	}
 .row-content{}
 .row-content h3{
 	color:#DDD;
	font-size:16px;
	font-weight: 300;
	line-height: 16px;
	margin:40px 0 30px 34px;
	}
 .row-content ul{
	font-size:13px;
	line-height:24px;
	}
 .row-content ul li{
 	list-style:none;
 	}
 .row-content ul li	 a{
		color:#878B91;
		}
 .row-content ul li a:hover{
	text-decoration:none;
	color:#c1ba62;
	}
 .social{
margin:0;
padding:0;
width:100%;
text-align:center;
}.social li{
	display:inline-block;
	}
	 .social a{
		display:inline-block;
		font-size:18px;
		line-height:30px;
		.square(30px);
		border-radius:36px;
		background-color:@gray-light;
		color:#fff;
		margin:0 3px 3px 0;
		&:hover{
		text-decoration:none;
		background-color:@link-hover-color;
		}

</style>


<!--采用container-fluid，使得整个页尾的宽度为100%，并设置它的背景色-->
<div class="row tools">

<div class="box">
<c:forEach var="toolType" items="${toolsType }"  >
 	<div class="item cate" style="background:${toolType.back}">
 		<a href="${toolType.url }">
 			${toolType.typeName }
 		</a>
 	</div>
	<c:forEach items="${tools }" var="tool2">
		<c:if test="${toolType.typeId == tool2.typeId }">
			<div class="item">
				<div class="hd">
					<div class="icon">
						<c:if test="${tool2.icon == 'default' }">
							<img src="http://res.easywan.info/public/kaicz/9.png">
						</c:if>
						<c:if test="${tool2.icon != 'default' }">
							<a href="${tool2.icon }"></a>
						</c:if>
					</div>

					<div class="title">
						<h2><a href="${tool2.url }" class="linkUrl" target="_blank">${tool2.name }</a></h2>
						<span><font>${tool2.clickCounter }</font>人已使用</span>
					</div>
				</div>
				<div class="bd" style="height:50px;white-space:normal;text-overflow:ellipsis;overflow:hidden;">${tool2.bief }</div>
			</div>
		</c:if>
	</c:forEach> 
	<div style="clear:both; height:20px;"></div> 
</c:forEach>
</div>




<div style="clear:both; height:20px;"></div> 
</div>
 
</div>
<div class="clearfix"></div>
    <jsp:include page="public/footer2.jsp"/>
</body>
</html>